<style scoped lang="scss">
.container {
	padding: R(20) 0 R(30);
}
.terminal-info-content {
	margin: 0 R(20px);
	border-radius: R(20);
	background: #fff url(../../../common/images/newIcon/com-bg2.png) no-repeat;
	background-size: 100% auto;
}
</style>
<template>
	<div class="container">
		<div class="terminal-info-content" v-if="customData.agentName">
			<!-- <u-cell-item
        :arrow="false"
        hover-class="none"
        title="品牌："
        :value="customData.brandName"
      /> -->

			<u-cell-item :arrow="false" hover-class="none" title="政策：" :value="customData.policyName" />
			<u-cell-item :arrow="false" hover-class="none" title="政策代码：" :value="customData.policyCode" />
			<u-cell-item :arrow="false" hover-class="none" title="机具SN号：" :value="customData.serialno">
				<i slot="right-icon" class="iconfont icon-niantie" @click="$copy(customData.serialno)"></i>
			</u-cell-item>
			<u-cell-item :arrow="false" hover-class="none" title="费率(%)：" :value="customData.rate" />
			<u-cell-item :arrow="false" hover-class="none" title="笔数费(元)：" :value="customData.fixAdd" />

			<u-cell-item :arrow="false" hover-class="none" title="费率名：" :value="customData.rateName" />
			<u-cell-item :arrow="false" hover-class="none" title="费率类型：" :value="customData.rateType | rateType" />
		
			<u-cell-item :arrow="false" hover-class="none" title="状态：" :value="customData.status | changeServiceType" />
			<u-cell-item :arrow="false" hover-class="none" title="状态说明：" :value="customData.message" />

			<u-cell-item :arrow="false" hover-class="none" title="申请日期：" :value="customData.addDate" class="agent-info-list-cell" />
		</div>
	</div>
</template>

<script>
export default {
	name: 'Info',
	data() {
		return {
			customData: {}
		};
	},
	created() {
		// this.customData.id = this.$route.query.termId;
		this.customData = this.$storage.getStore('changeRateDetailInfo') || {};
	},
	onUnload() {
		this.$storage.removeStore('changeRateDetailInfo');
	},
	methods: {
		copy() {}
	}
};
</script>
